*{margin:0px;padding:0px;}
html,body{
    height:100%;
    overflow: hidden;
}
a,a:link,a:visited,a:hover,a:active{
    color:white;
    text-decoration: none;
}
#left{
    position: absolute;
    top:0px;
    left:0px;
    width:270px;
    height:100%;
    color:white;
    background-color: #262930;
}
#navigation{
    position: absolute;
    left:0;
    width:258px;
    height:inherit;
}
#top_nvg{
    position:relative;
    top:0;
    height:38%;
    font-size: 1.6em;

}
#logo{
    position: absolute;
    width:200px;
    margin-left:29px;
    top:15%;
    text-align:center;
    vertical-align: middle;
}
#logo p{
    margin-top: 8%;
}
#mid_nvg{
    height:13%;
    border-top:1px solid #FF6633;
    border-bottom:1px solid #FF6633;
    text-align: center;
    vertical-align: middle;
}

#weibo_img{
    float:left;
    margin-left:30px;
    margin-top:12%;
}
#weibo_name{
    float:left;
    margin-left:12px;
    margin-top:11%;
    font-size: 21px;
    color:#FF6633;
}
#bot_nvg{
    height:49%;
    bottom:0;
}
#edge{
    position: absolute;
    right:0;
    height:100%;
}
li{
    list-style-type: none;
}
#page{
    width:258px;
    margin-top:20%;
}
.item{
    display: block;
    height: 40px;
    margin:5% 0;
}
.item .item_img{
    position:absolute;
    width:35px;
    height:28px;
    margin-top:4px;
    left:37px;
    text-align:center;
    background-repeat:no-repeat;
    background-image:url("../images/selectempty.png");
    background-size:70%;
}
.itemselect .item_img{
    position:absolute;
    width:35px;
    height:28px;
    margin-top:4px;
    left:37px;
    text-align:center;
    background-repeat:no-repeat;
    background-image:url("../images/selectfull.png");
    background-size:70%;
}
.itemselect {
    display: block;
    height: 40px;
    margin:5% 0;
}

.item .item_name{
    font-size: 21px;
    margin-left: 83px;
}
.itemselect .item_name{
    color:#FF6633;
    font-size: 21px;
    margin-left: 83px;
}
#right{
    position: relative;
    margin-left: 270px;
    height:100%;
    background-color:#DFD1D1;
}
#ban{
    position:absolute;
    width: 100%;
    height:55px;
    background-color:#262930 ;
}
#pur_org{
    position:absolute;
    left:0;
    width:17px;
    height:inherit;
}
#gai{
    position: absolute;
    left:17px;
    right:34px;
    height:55px;
    line-height: 55px;
    color:white;
    font-size: 20px;
    text-align: center;

}
#lpurple{
    float:left;
    width:17px;
    height:inherit;
    background-color: #6633CC;
}
#org_pur{
    float:right;
    right:5px;
    width:34px;
    height:inherit;
}
#orange{
    float:left;
    width:17px;
    height:inherit;
    background-color: #FF6633;
}
#purple{
    float:left;
    width:17px;
    height:inherit;
    background-color: #6633CC;
}
#topic{
    position:absolute;
    background-color: #90F0D8;
    width:100%;
    top:50px;
    bottom:42px;
    overflow: hidden;
}
svg {
    position: absolute;
    width: 60%;
    height: 100%;
}
.node {
    cursor: pointer;
}

.node:hover {
    stroke: #000;
    stroke-width: 1.5px;
}

.node--leaf {
    fill: white;
}

.label {
    font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-anchor: middle;
    text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
}

.label,
.node--root,
.node--leaf {
    pointer-events: none;
}
#artical{
    position:absolute;
    right:0;
    width:40%;
    height:100%;
    display: none;
    overflow: hidden;
}
#sortable{
    position: absolute;
    display: block;
    width:104%;
    list-style: none;
    top:0;
    bottom:0;
    overflow-y:auto;
    overflow-x: hidden;
}

.right_text{

    background: #34495E;
    height: 69px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #2C3E50;
    color: #fff;
    text-transform: capitalize;
    font-weight: 900;
    font-size: 11px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.7s ease;
    position: relative;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 17px solid #1FAB89;
    border-left: 17px solid #1FAB89;

}
.right_text:hover{
    background: #273952;
    border-right: 17px solid #9EFCB4;
    border-left: 17px solid #9EFCB4;
    /*color:#6EF3D6;*/
}

.right_text p{
    width:100%;
    height:100%;
    color: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: 100;
    overflow: hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.right_text p:hover{
    color:#6EF3D6;
}
#footer{
    position:absolute;
    bottom: 0;
    border-top: 2px solid #999999;
    height:40px;
    width:100%;
    line-height:40px;
    text-align:center;
    color:#666666;
    font-size: 15px;
}